<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  class="dialogStyleBase" :title="mixinEdit_editTitle" width="900px" :visible.sync="mixinEdit_editVisible"
    :before-close="function(){mixinEdit_editBoxClose('editForm')}" append-to-body>
    <div class="dialogStyleBaseBox" v-loading="mixinEdit_loading">
        <el-form ref="editForm" :model="form" label-width="100px" label-position="left">
            <el-form-item label="属性名称" prop="name" :rules="{ required: true, message: '属性名称 不能为空'}">
                <el-input v-model="form.name" maxlength="20" show-word-limit></el-input>
            </el-form-item>
            <el-form-item label="属性值" required>
                <div>
                    <el-input v-model="value" maxlength="20" show-word-limit> <template slot="append">
                            <el-button @click="addValue()">添加</el-button>
                        </template></el-input>

                </div>
                <div class="attributeValueLst" v-if="form.attributeValueLst.length>0">
                    <el-tag class="tagStyle" v-for="(item,index) in form.attributeValueLst" closable :key="index"
                        @close="delValue(item,index)" @click="selectSpecBase(item,index)">{{item.attributeValue}}
                    </el-tag>
                </div>
                <div v-else class="error">
                    属性值至少存在一个
                </div>
            </el-form-item>
            <el-form-item label="排序" prop="sort">
                <el-input-number v-model="form.sort" maxlength="5" show-word-limit></el-input-number>
            </el-form-item>
            <el-form-item label="开启筛选" prop="searchStatus">
                <el-radio-group v-model="form.searchStatus">
                    <el-radio :label="0">关闭</el-radio>
                    <el-radio :label="1">开启</el-radio>
                </el-radio-group>
            </el-form-item>


        </el-form>
    </div>
    <div slot="footer">
        <el-row>
            <el-col :span="12" style="text-align: left;">
                <el-button :disabled="mixinEdit_loading" @click="mixinEdit_resetForm('editForm')">重 置</el-button>
            </el-col>
            <el-col :span="12">
                <el-button :disabled="mixinEdit_loading" @click="mixinEdit_editBoxClose('editForm')">取 消</el-button>
                <el-button :disabled="mixinEdit_loading" type="primary"
                    @click="mixinEdit_editFormSubmit({model:'form',ref:'editForm'})">确
                    定</el-button>
            </el-col>
        </el-row>
    </div>
</el-dialog>